html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, aside, nav, footer, header, hgroup, article, audio, video, canvas, command, datalist, details, embed, figcaption, figure, keygen, mark, meter, output, progress, rp, rt, ruby, summary, time {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

body {
	font: normal 13px/1.6em arial, sans-serif;
	margin: 0;
	background:#F6F6F6;
	color: #444;
}

a:link, a:visited, a:hover {
	text-decoration:none;
}

a:active,  a:focus {
	position:relative;
	transition: all .3s ease-out;
	top:1px;
}

.left {
	float:left;
}

.right {
	float:right;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background:url(http://4.bp.blogspot.com/-p34V3XZtetM/UFieW2LOavI/AAAAAAAAB9U/L_0JekftDO4/s1600/Batik-Header.png)no-repeat top right;
}

#search  {
	width: 290px;
        overflow: hidden;
        height: 28px;
        box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 3px rgba(222, 222, 222, .8);
        padding: 4px;
        background: white;
        border: 1px solid #DDD;
}

.input  {
	outline:none;
	color: #DDD;
	width: 239px;
	padding: 0 5px;
	border: 1px solid #DADADA;
	float: left;
	border-right: 0px;
	margin: 0;
	height: 26px;
        background: whiteSmoke;
}

.submit  {
	color: #B4A9A9;
	cursor: pointer;
	border: 1px solid #D1D1D1;
	padding: 0;
	overflow: hidden;
	margin: 0;
	float: right;
	background: white;
	width: 40px;
	height: 28px;
}

.submit:active , .download a:active, .comment-actions:active, #blog-pager a:active,a.openpanel:active{
        background:linear-gradient(whiteSmoke,white) !important;
}

#header-wrapper {
	width: 980px;
	height: 140px;
	padding: 0;
}

#header h1 {
	width:600px;
	margin:10px 0 0;
	padding:0;
}

.header {
	float:left;
	width:400px;
	margin:5px 0 0;
}

#main-wrapper {
	width:640px;
	float:left;
	margin:0 0 20px;
	background: white;
	border: solid 1px #D4D4D4;
	box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white,  inset 0 0 5px rgba(222,  222,  222,  .8),  0 0 2px rgba(222,  222,  222,  0.5), 6px 0px 15px #EEEDED;
	padding:0;
}

#sidebar-wrapper {
	width:300px;
	float:right;
	margin:-3px 0 0 0;
	padding:0;
}

.date-header, .breadcrumbs, .descriptionwrapper, .thread-count,.feed-links, .blogger-clickTrap,.rating{
	display:none !important;
}

.post {
	margin:0;
	padding:10px;
}

.post h2 a:link, .post h2 a:visited {
	color:#707070;
}

.post-body {
	margin:0;
	line-height:21px;
	font-size:14px;
        padding:10px 0;
}

.post-body a {
	color:#346ba4;
	text-decoration:none;
}

#sidebar-wrapper h2 {
	margin: 0;
	padding: 10px;
	font-size: 13px;
	border: solid 1px #E7E7E7;
	box-shadow: 0px 1px 0px white;
	text-align: right;
	font-weight: normal;
	color: #B2B2B2;
	position: relative;
	background: white;
        box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 3px rgba(222, 222, 222, .8);
}

#sidebar-wrapper h2::after  {
	content: &quot;&quot;;
	width: 0;
	height: 0;
	top: -3px;
	position: absolute;
	left: -3px;
	border: 14px solid #F0F0F0;
	border-left-color: #F6F6F6;
	border-top-color: #F6F6F6;
}

#sidebar-wrapper h2::before  {
	content:&quot;&quot;;
	width: 0;
	height: 0;
	top: 0;
	position: absolute;
	left: 0;
	border: 13px solid #E7E7E7;
	border-left-color: #F6F6F6;
	border-top-color: #F6F6F6;
}

.widget-content {
	margin: 5px 0;
	padding: 0;
	overflow: hidden;
}

.sidebar {
	line-height:20px;
}

.sidebar ul {
	padding:0;
	margin:0;
}

.sidebar ul li {
	list-style-position: inside;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 5px 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
        background: url(http://1.bp.blogspot.com/-TztAEZB1ZF0/UFidQFhuuEI/AAAAAAAAB8w/ODGfZjRTuNs/s1600/line.png)no-repeat -240px bottom;
}

.sidebar ul li a, a:link, a:visited {
	color:#666;
}

.sidebar ul li a:hover, .post h2 a:hover, #related-posts li a:hover {
	color:#222 !important;
}

.main .widget {
	margin:0;
	padding:0;
}

.sidebar .widget {
	margin-bottom:1em;
}

.main .Blog {
	border-bottom-width:0;
}

.clear {
	clear:both;
}

#patner {
	overflow:auto;
	height:90px;
}
#patner ul li {
list-style: none;
background: url(https://lh5.googleusercontent.com/-VXqsJXf6Ld8/UKfWLAeVlZI/AAAAAAAACP4/WQMsxlbSaNw/s288/global-sprite.png)no-repeat 0px -3px;
padding: 0 0 0 20px;
line-height: 30px;
}

footer  {
font-size: 12px;
line-height: 50px;
overflow: hidden;
padding: 0;
background: #333;
color: #DED9CD;
border-radius: 4px 4px 0 0;
}
footer a:link,footer a:visited{
color:#8F887C
}
footer a:hover  {
border-bottom: 1px solid;
}
#footer {
overflow: hidden;
border-bottom: 1px solid #2C2C2C;
padding: 20px;
}
#footer1 {
width: 23%;
float: left;
border-right: 1px solid #2C2C2C;
height: 150px;
}
#footer2 {
width: 30%;
float: left;
padding: 0 20px;
border-left: 1px solid #414141;
border-right: 1px solid #2C2C2C;
}


#counter {
text-align: center;
overflow:hidden;
}
#counter li {
float: left;
margin: 0 20px;
list-style: none;
font-size: 30px;
font-weight: bold;
font-family: Georgia,serif;
line-height: 40px;
}
#counter h3,footer h2 {
font-size: 14px;
font-family: Helvetica,Arial,sans-serif;
font-weight: 200;
text-align:left
}
#sosial{
display: block;
height: 37px;
overflow: hidden;
margin: 15px auto 0;
width: 186px;
}
#sosial li {
display: block;
float: left;
list-style: none outside none;
margin: 5px 15px;
text-indent: -9999px;
}
#sosial li a:hover {
border: none;
}
.fb{
background:url(https://lh5.googleusercontent.com/-VXqsJXf6Ld8/UKfWLAeVlZI/AAAAAAAACP4/WQMsxlbSaNw/s288/global-sprite.png) no-repeat scroll 0px -36px transparent;
display: block;
height: 32px;
width: 32px;
}
.twitter{
background:url(https://lh5.googleusercontent.com/-VXqsJXf6Ld8/UKfWLAeVlZI/AAAAAAAACP4/WQMsxlbSaNw/s288/global-sprite.png) no-repeat scroll 0px -138px transparent;
display: block;
height: 32px;
width: 32px;
}
.gplus {
background: url(https://lh5.googleusercontent.com/-VXqsJXf6Ld8/UKfWLAeVlZI/AAAAAAAACP4/WQMsxlbSaNw/s288/global-sprite.png)no-repeat 0 -70px;
display: block;
height: 32px;
width: 32px;
}

#copy {
margin: 0;
background: #232323;
overflow: hidden;
padding: 0 20px;
border-top: 1px solid #414141;
}

#nav  {
	overflow: hidden;
        height: 40px;
        width: 640px;
        margin: 0px 0 10px;
        padding: 0;
        background: white;
        border: 1px solid #DDD;
        box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white,  inset 0 0 5px rgba(222,  222,  222,  .8),  0 0 3px rgba(222,  222,  222,  .8);
}

#nav li  {
	float: left;
	height: 40px;
	text-align: center;
	list-style: none;
}

#nav li a  {
	padding: 0 23.8px;
        color: #AFAFAF;
        font-family: Arial;
        font-size: 12px;
        line-height: 40px;
        display: block;
        height: 40px;
        background: rgba(248,  248,  248,  0.6);
        border-right: 1px solid #F3F3F3;
        border-left: 1px solid white;
        text-shadow: 0 1px 1px white;
}

#nav li a:hover  {
	background: rgba(245,  245,  245,  0.6);
        transition: background-color 2s ease;
        color: #DDD;
}

#nav li a:active  {
        top: 0;
}

#main-wrapper code,#main-wrapper pre  {
	font-size:11px;
	background: #F6F6F6;
	padding: 1px;
	border: 1px dotted #DDD;
}

#main-wrapper object,#main-wrapper iframe  {
       display: block;
       margin: 0 auto;
       padding: 10px;
       background: #F7F7F7;
       box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white,  inset 0 0 5px rgba(222,  222,  222,  .8),  0 0 3px rgba(222,  222,  222,  .8);
       border: 1px solid #DDD;
}

#notice  {
       background: #FFEEB6;
       border: 1px solid #CA9433;
       padding: 10px;
       position: relative;
       margin: 10px auto;
       width: 278px;
       height: 76px;
}

#notice::before  {
       content:&quot;&quot;;
       top: 0;
       position: absolute;
       left: 8px;
       height: 101px;
       width: 277px;
       background: #FFEEB6;
       border: 1px solid #CA9433;
       z-index: -1;
}

#notice::after  {
       content: &quot;&quot;;
       top: 0;
       position: absolute;
       left: 3px;
       height: 98px;
       width: 287px;
       background: #FFEEB6;
       border: 1px solid #CA9433;
       z-index: -1;
}

#g-plus {
margin: 15px 0 10px !important;
overflow: hidden;
height: 120px;
}